<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学知鸟</title>
		<link rel="shortcut icon" href="../../share/img/logo.png">
		<link rel="stylesheet" href="../../share/css/main.css">
	</head>
	<body>
		<div class="row">
			<div class="col-1">
				<section class="card m-10">
					<header>选择器</header>
					<main>
						<table class="grid">
							<thead>
								<tr>
									<th>名称</th>
									<th>语法</th>
									<th>示例</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>标签选择器</td>
									<td>HTML 标签名称</td>
									<td>body, div, p, ul, li, span, table, tr, th, td</td>
								</tr>
								<tr>
									<td>类选择器</td>
									<td>.自定义的类名称</td>
									<td>.box, .card, .grid, .btn</td>
								</tr>
								<tr>
									<td>ID选择器</td>
									<td>#ID名称</td>
									<td>#topNav, #leftNav, #txtName</td>
								</tr>
								<tr>
									<td>伪类选择器</td>
									<td>:伪类</td>
									<td>a:hover, a:link, *:before, *:after</td>
								</tr>
							</tbody>
						</table>
					</main>
				</section>
			</div>
		</div>
	</body>
</html>
